import echart from 'echarts'

// 注册echart主题
const echartTheme = JSON.parse('{\n' +
  '    "color": [\n' +
  '      "#2ec7c9",\n' +
  '      "#b6a2de",\n' +
  '      "#5ab1ef",\n' +
  '      "#ffb980",\n' +
  '      "#d87a80",\n' +
  '      "#8d98b3",\n' +
  '      "#e5cf0d",\n' +
  '      "#97b552",\n' +
  '      "#95706d",\n' +
  '      "#dc69aa",\n' +
  '      "#07a2a4",\n' +
  '      "#9a7fd1",\n' +
  '      "#588dd5",\n' +
  '      "#f5994e",\n' +
  '      "#c05050",\n' +
  '      "#59678c",\n' +
  '      "#c9ab00",\n' +
  '      "#7eb00a",\n' +
  '      "#6f5553",\n' +
  '      "#c14089"\n' +
  '    ],\n' +
  '    "backgroundColor": "rgba(0,0,0,0)",\n' +
  '    "textStyle": {},\n' +
  '    "title": {\n' +
  '      "textStyle": {\n' +
  '        "color": "#008acd"\n' +
  '      },\n' +
  '      "subtextStyle": {\n' +
  '        "color": "#aaa"\n' +
  '      }\n' +
  '    },\n' +
  '    "line": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 1\n' +
  '        }\n' +
  '      },\n' +
  '      "lineStyle": {\n' +
  '        "normal": {\n' +
  '          "width": 2\n' +
  '        }\n' +
  '      },\n' +
  '      "symbolSize": 3,\n' +
  '      "symbol": "emptyCircle",\n' +
  '      "smooth": true\n' +
  '    },\n' +
  '    "radar": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 1\n' +
  '        }\n' +
  '      },\n' +
  '      "lineStyle": {\n' +
  '        "normal": {\n' +
  '          "width": 2\n' +
  '        }\n' +
  '      },\n' +
  '      "symbolSize": 3,\n' +
  '      "symbol": "emptyCircle",\n' +
  '      "smooth": true\n' +
  '    },\n' +
  '    "bar": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "barBorderWidth": 0,\n' +
  '          "barBorderColor": "#ccc"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "barBorderWidth": 0,\n' +
  '          "barBorderColor": "#ccc"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "pie": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "scatter": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "boxplot": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "parallel": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "sankey": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "funnel": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "gauge": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "candlestick": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "color": "#d87a80",\n' +
  '          "color0": "#2ec7c9",\n' +
  '          "borderColor": "#d87a80",\n' +
  '          "borderColor0": "#2ec7c9",\n' +
  '          "borderWidth": 1\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "graph": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "borderWidth": 0,\n' +
  '          "borderColor": "#ccc"\n' +
  '        }\n' +
  '      },\n' +
  '      "lineStyle": {\n' +
  '        "normal": {\n' +
  '          "width": 1,\n' +
  '          "color": "#aaa"\n' +
  '        }\n' +
  '      },\n' +
  '      "symbolSize": 3,\n' +
  '      "symbol": "emptyCircle",\n' +
  '      "smooth": true,\n' +
  '      "color": [\n' +
  '        "#2ec7c9",\n' +
  '        "#b6a2de",\n' +
  '        "#5ab1ef",\n' +
  '        "#ffb980",\n' +
  '        "#d87a80",\n' +
  '        "#8d98b3",\n' +
  '        "#e5cf0d",\n' +
  '        "#97b552",\n' +
  '        "#95706d",\n' +
  '        "#dc69aa",\n' +
  '        "#07a2a4",\n' +
  '        "#9a7fd1",\n' +
  '        "#588dd5",\n' +
  '        "#f5994e",\n' +
  '        "#c05050",\n' +
  '        "#59678c",\n' +
  '        "#c9ab00",\n' +
  '        "#7eb00a",\n' +
  '        "#6f5553",\n' +
  '        "#c14089"\n' +
  '      ],\n' +
  '      "label": {\n' +
  '        "normal": {\n' +
  '          "textStyle": {\n' +
  '            "color": "#eee"\n' +
  '          }\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "map": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "areaColor": "#dddddd",\n' +
  '          "borderColor": "#eeeeee",\n' +
  '          "borderWidth": 0.5\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "areaColor": "rgba(254,153,78,1)",\n' +
  '          "borderColor": "#444",\n' +
  '          "borderWidth": 1\n' +
  '        }\n' +
  '      },\n' +
  '      "label": {\n' +
  '        "normal": {\n' +
  '          "textStyle": {\n' +
  '            "color": "#d87a80"\n' +
  '          }\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "textStyle": {\n' +
  '            "color": "rgb(100,0,0)"\n' +
  '          }\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "geo": {\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "areaColor": "#dddddd",\n' +
  '          "borderColor": "#eeeeee",\n' +
  '          "borderWidth": 0.5\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "areaColor": "rgba(254,153,78,1)",\n' +
  '          "borderColor": "#444",\n' +
  '          "borderWidth": 1\n' +
  '        }\n' +
  '      },\n' +
  '      "label": {\n' +
  '        "normal": {\n' +
  '          "textStyle": {\n' +
  '            "color": "#d87a80"\n' +
  '          }\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "textStyle": {\n' +
  '            "color": "rgb(100,0,0)"\n' +
  '          }\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "categoryAxis": {\n' +
  '      "axisLine": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": "#008acd"\n' +
  '        }\n' +
  '      },\n' +
  '      "axisTick": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": "#333"\n' +
  '        }\n' +
  '      },\n' +
  '      "axisLabel": {\n' +
  '        "show": true,\n' +
  '        "textStyle": {\n' +
  '          "color": "#333"\n' +
  '        }\n' +
  '      },\n' +
  '      "splitLine": {\n' +
  '        "show": false,\n' +
  '        "lineStyle": {\n' +
  '          "color": [\n' +
  '            "#eee"\n' +
  '          ]\n' +
  '        }\n' +
  '      },\n' +
  '      "splitArea": {\n' +
  '        "show": false,\n' +
  '        "areaStyle": {\n' +
  '          "color": [\n' +
  '            "rgba(250,250,250,0.3)",\n' +
  '            "rgba(200,200,200,0.3)"\n' +
  '          ]\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "valueAxis": {\n' +
  '      "axisLine": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": "#008acd"\n' +
  '        }\n' +
  '      },\n' +
  '      "axisTick": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": "#333"\n' +
  '        }\n' +
  '      },\n' +
  '      "axisLabel": {\n' +
  '        "show": true,\n' +
  '        "textStyle": {\n' +
  '          "color": "#333"\n' +
  '        }\n' +
  '      },\n' +
  '      "splitLine": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": [\n' +
  '            "#eee"\n' +
  '          ]\n' +
  '        }\n' +
  '      },\n' +
  '      "splitArea": {\n' +
  '        "show": true,\n' +
  '        "areaStyle": {\n' +
  '          "color": [\n' +
  '            "rgba(250,250,250,0.3)",\n' +
  '            "rgba(200,200,200,0.3)"\n' +
  '          ]\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "logAxis": {\n' +
  '      "axisLine": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": "#008acd"\n' +
  '        }\n' +
  '      },\n' +
  '      "axisTick": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": "#333"\n' +
  '        }\n' +
  '      },\n' +
  '      "axisLabel": {\n' +
  '        "show": true,\n' +
  '        "textStyle": {\n' +
  '          "color": "#333"\n' +
  '        }\n' +
  '      },\n' +
  '      "splitLine": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": [\n' +
  '            "#eee"\n' +
  '          ]\n' +
  '        }\n' +
  '      },\n' +
  '      "splitArea": {\n' +
  '        "show": true,\n' +
  '        "areaStyle": {\n' +
  '          "color": [\n' +
  '            "rgba(250,250,250,0.3)",\n' +
  '            "rgba(200,200,200,0.3)"\n' +
  '          ]\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "timeAxis": {\n' +
  '      "axisLine": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": "#008acd"\n' +
  '        }\n' +
  '      },\n' +
  '      "axisTick": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": "#333"\n' +
  '        }\n' +
  '      },\n' +
  '      "axisLabel": {\n' +
  '        "show": true,\n' +
  '        "textStyle": {\n' +
  '          "color": "#333"\n' +
  '        }\n' +
  '      },\n' +
  '      "splitLine": {\n' +
  '        "show": true,\n' +
  '        "lineStyle": {\n' +
  '          "color": [\n' +
  '            "#eee"\n' +
  '          ]\n' +
  '        }\n' +
  '      },\n' +
  '      "splitArea": {\n' +
  '        "show": false,\n' +
  '        "areaStyle": {\n' +
  '          "color": [\n' +
  '            "rgba(250,250,250,0.3)",\n' +
  '            "rgba(200,200,200,0.3)"\n' +
  '          ]\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "toolbox": {\n' +
  '      "iconStyle": {\n' +
  '        "normal": {\n' +
  '          "borderColor": "#2ec7c9"\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "borderColor": "#18a4a6"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "legend": {\n' +
  '      "textStyle": {\n' +
  '        "color": "#333333"\n' +
  '      }\n' +
  '    },\n' +
  '    "tooltip": {\n' +
  '      "axisPointer": {\n' +
  '        "lineStyle": {\n' +
  '          "color": "#008acd",\n' +
  '          "width": "1"\n' +
  '        },\n' +
  '        "crossStyle": {\n' +
  '          "color": "#008acd",\n' +
  '          "width": "1"\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "timeline": {\n' +
  '      "lineStyle": {\n' +
  '        "color": "#008acd",\n' +
  '        "width": 1\n' +
  '      },\n' +
  '      "itemStyle": {\n' +
  '        "normal": {\n' +
  '          "color": "#008acd",\n' +
  '          "borderWidth": 1\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "color": "#a9334c"\n' +
  '        }\n' +
  '      },\n' +
  '      "controlStyle": {\n' +
  '        "normal": {\n' +
  '          "color": "#008acd",\n' +
  '          "borderColor": "#008acd",\n' +
  '          "borderWidth": 0.5\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "color": "#008acd",\n' +
  '          "borderColor": "#008acd",\n' +
  '          "borderWidth": 0.5\n' +
  '        }\n' +
  '      },\n' +
  '      "checkpointStyle": {\n' +
  '        "color": "#2ec7c9",\n' +
  '        "borderColor": "rgba(46,199,201,0.4)"\n' +
  '      },\n' +
  '      "label": {\n' +
  '        "normal": {\n' +
  '          "textStyle": {\n' +
  '            "color": "#008acd"\n' +
  '          }\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "textStyle": {\n' +
  '            "color": "#008acd"\n' +
  '          }\n' +
  '        }\n' +
  '      }\n' +
  '    },\n' +
  '    "visualMap": {\n' +
  '      "color": [\n' +
  '        "#5ab1ef",\n' +
  '        "#e0ffff"\n' +
  '      ]\n' +
  '    },\n' +
  '    "dataZoom": {\n' +
  '      "backgroundColor": "rgba(47,69,84,0)",\n' +
  '      "dataBackgroundColor": "rgba(239,239,255,1)",\n' +
  '      "fillerColor": "rgba(182,162,222,0.2)",\n' +
  '      "handleColor": "#008acd",\n' +
  '      "handleSize": "100%",\n' +
  '      "textStyle": {\n' +
  '        "color": "#333333"\n' +
  '      }\n' +
  '    },\n' +
  '    "markPoint": {\n' +
  '      "label": {\n' +
  '        "normal": {\n' +
  '          "textStyle": {\n' +
  '            "color": "#eee"\n' +
  '          }\n' +
  '        },\n' +
  '        "emphasis": {\n' +
  '          "textStyle": {\n' +
  '            "color": "#eee"\n' +
  '          }\n' +
  '        }\n' +
  '      }\n' +
  '    }\n' +
  '  }\n')
echart.registerTheme('macarons', echartTheme)
